﻿<%@page import="com.qunar.dyds.Setting"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="web" uri="http://meerkat.qunar.com/web"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@include file="/WEB-INF/views/site/inc/head.jsp" %>
<body>

<div class="container">
    <%@include file="/WEB-INF/views/site/inc/top.jsp" %>
    <div class="panel sign_panel">
        <div class="column sign">
            <h3>报名入口</h3>
            <div class="clr_after">
                <div class="fl">
                    <table class="tbl_form">
                        <tr>
                            <th><span class="req">*</span> 报名序号：</th>
                            <td><input type="text" class="textbox" name="code" id="code"/> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 姓　　名：</th>
                            <td><input type="text" value="仅为汉字，长度为8个字以内" class="textbox placeholder" name="name" id="name"/> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 身份证号码：</th>
                            <td><input type="text" class="textbox" name="certNo" id="certNo" /> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 学　　校：</th>
                            <td><input type="text" class="textbox" name="school" id="school"/> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 专　　业：</th>
                            <td><input type="text" class="textbox" name="major" id="major"/> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 年　　级：</th>
                            <td><input type="text" class="textbox" name="grade" id="grade"/> <span class="note">注册后不可更改</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 手机号码：</th>
                            <td><input type="text" class="textbox" name="mobile" id="mobile"/></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 电子邮箱：</th>
                            <td><input type="text" class="textbox" name="email" id="email"/></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 用 户 名：</th>
                            <td><input type="text" class="textbox" name="username" id="username"/></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 密　　码：</th>
                            <td><input type="password" class="textbox" name="password" id="password"/></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 确认密码：</th>
                            <td><input type="password" class="textbox" name="repassword" id="repassword" /></td>
                        </tr>
                        <tr>
                            <th><span class="hidden">*</span> 自我介绍：</th>
                            <td><textarea class="textarea" name="comment" id="comment"></textarea></td>
                        </tr>
                    </table>
                    <input type="hidden" name="hide_avatar" id="hide_avatar" value=""/>
                </div>
                <div class="fr">
                <form id="avatarForm" action="upload.htm" method="post" enctype="multipart/form-data" target="hidden-frame">
                    <div class="avatar">
                        <img id="avatar" src="" width="110" height="153" class="hidden" /><span class="tip">上传照片</span>
                    </div>
                    <input class="textbox filebox placeholder" id="avator_tip" type="text" value="近期2寸免冠彩色照片, 格式为JPG或JPEG, 大小在30K以内." readonly="readonly"/>
                  
                    <div class="ops" id="ops">
                       
                       <div style=" width:84px;height:26px;overflow:hidden; float:left; margin-right:20px; position:relative;" > 
                           <button id="btn_broswer" class="btn_select" ><span class="hide">浏览</span></button>
                           <input type="file" name="avatarfile"  id="filehide" class="hide_file" />
                       </div>
                       <input type="submit" id="btn_upload" class="btn_upload" value=""/>
                    </div>
                </form>
                <iframe name="hidden-frame" height="0" width="0" style="display:none"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="panel rule_panel">
        <div class="column rule">
            <h3>评选办法</h3>
            <div class="content">
                <ul>
                    <li>“网络人气未来导游之星TOP10”评选活动经由2012年“神州视景杯”第四届全国旅游院校服务技能（导游服务）大赛主办单位、协办单位、<br />
                        承办单位批准，主办单位对本次活动的公正性承担全部责任。</li>
                    <li>报名选手需符合参赛条件，如不符合规定，赛事主办方将不予报名。如报名选手使用虚假、欺诈手段报名，产生之相关法律后果自行承担。</li>
                    <li>本次评选活动报名时间自2012年3月01日0：00至4月30日24：00结束，周期为2个月左右。<br />
                        报名选手上传照片要求为近期2寸蓝底免冠彩色证件照，格式为.JPG或.JPEG，大小在30k以内。</li>
                    <li>本次“网络人气未来导游之星TOP10”的评选活动不收取参赛报名费用。</li>
                    <li>本次评选活动严禁出现选手刷票现象，如违反规则，将取消选手的参赛资格，同时将对作弊选手在评选网站上的个人展示信息进行除名，大赛<br />
                        组委会保留对作弊选手公开批评的权利。</li>
                    <li>主办方保留进一步补充报名须知的权利。如报名选手对此有异议，可选择退出此次评选活动。</li>
                    <li>本活动的最终解释权归主办方所有。</li>
                </ul>
                <p>选手承诺：我已完整阅读以上报名须知事宜，自愿报名参加本次评选活动。</p>

                <div class="ops">
                <input id="license" type="checkbox" class="checkbox"  name="agree"/><label>同意以上条款</label>
                <input id="btn_sign" class="btn_submit" type="submit" value=""/>
                </div>
            </div>
        </div>
    </div>
</div>
<%@include file="/WEB-INF/views/site/inc/footer.jsp" %>
<script type="text/javascript">
$(document).ready(function() {
	$('input#name').focus(function() {
		 if(this.value=='仅为汉字，长度为8个字以内') {
			 this.value='';
    		 $('input#name').removeClass("placeholder");
		 }
	});
	$('input#name').blur(function() {
        if(this.value=='') {
            this.value='仅为汉字，长度为8个字以内';
            $('input#name').addClass("placeholder");
        }
   });
});



function uploadCallback(status, message) {
    if (status==1) {
        alert(message);
    } else {
        var src = '<%=Setting.AVATAR_PREFIX%>' + message;
        $('#avatar').removeClass('hidden');
        $('#avatar').attr('src', src);
        $('#hide_avatar').val(src);
        $('.avatar .tip').addClass('hidden');
		$('#avator_tip').val('近期2寸免冠彩色照片, 格式为JPG或JPEG, 大小在30K以内.');
    }
}




 </script>

</body>
</html>
